<mat-dialog-content>
  <div style="text-align: center; margin-bottom: 16px">
    <mat-icon
      color="warn"
      style="font-size: 48px; height: 48px; width: 48px"
      >error
    </mat-icon>
  </div>

  <p><strong> {{ T.F.SYNC.D_INCOMPLETE_SYNC.T1|translate }} </strong></p>

  <p>
    {{ T.F.SYNC.D_INCOMPLETE_SYNC.T2|translate }}
    <code
      >mfRev: {{ data?.archiveRevInMainFile }} & realRev: {{ data?.archiveRevReal }}</code
    >
  </p>
  <p>{{ T.F.SYNC.D_INCOMPLETE_SYNC.T3|translate }}</p>

  <p>{{ T.F.SYNC.D_INCOMPLETE_SYNC.T4|translate }}</p>
  <p>{{ T.F.SYNC.D_INCOMPLETE_SYNC.T5|translate }}</p>

  <p style="text-align: center; margin-top: 16px">
    <strong> {{ T.F.SYNC.D_INCOMPLETE_SYNC.T6|translate }} </strong>
  </p>

  <div style="text-align: center; margin-bottom: 16px">
    <button
      (click)="downloadBackup()"
      color="primary"
      mat-stroked-button
      type="button"
    >
      <mat-icon>file_download</mat-icon>
      {{ T.F.SYNC.D_INCOMPLETE_SYNC.BTN_DOWNLOAD_BACKUP|translate }}
    </button>
  </div>
</mat-dialog-content>

<mat-dialog-actions align="end">
  <div class="wrap-buttons">
    <button
      (click)="close()"
      color="primary"
      mat-stroked-button
    >
      {{ T.G.CANCEL|translate }}
    </button>
    <button
      *ngIf="!IS_ANDROID_WEB_VIEW"
      (click)="closeApp()"
      color="primary"
      mat-stroked-button
    >
      <mat-icon>power_settings_new</mat-icon>
      {{ T.F.SYNC.D_INCOMPLETE_SYNC.BTN_CLOSE_APP|translate }}
    </button>

    <button
      (click)="close('FORCE_UPDATE_REMOTE')"
      color="warn"
      mat-stroked-button
    >
      <mat-icon>file_upload</mat-icon>
      {{ T.F.SYNC.D_INCOMPLETE_SYNC.BTN_FORCE_UPLOAD|translate }}
    </button>
  </div>
</mat-dialog-actions>
